var swiper = new Swiper("#swiper1", {
  cssMode: true,
  navigation: {
    nextEl: "#next1",
    prevEl: "#prev1",
  },
  mousewheel: true,
  keyboard: true,
});
//鼠标移动切换
var ones = document.getElementsByClassName('no');
var hots = document.getElementsByClassName('hot');
console.log(ones);
ones[0].addEventListener('mouseover', function (e) {
  hots[0].style.display = 'block';
  ones[0].className = 'no on'
  hots[1].style.display = 'none';
  ones[1].className = 'no'
})
ones[1].addEventListener('mouseover', function (e) {
  hots[1].style.display = 'block';
  ones[1].className = 'no on'
  hots[0].style.display = 'none';
  ones[0].className = 'no'
})
//轮播
$(function () {
  $('.l-left').on('click', function () {

    if ($('.z-ti').css('left') == '0px') {
      $('.z-ti').css('left', '-1000px')
      return;
    }
    $('.z-ti').css('left', '0px')
  })
})
//浏览记录轮播   
var swiper = new Swiper("#swiper1", {
  cssMode: true,
  navigation: {
    nextEl: "#next1",
    prevEl: "#prev1",
  },
  pagination: {
    el: ".swiper-pagination",
    clickable: true,
  },
  mousewheel: true,
  keyboard: true,
});



// 楼层跟随
$(window).scroll(function () {
  if ($(window).scrollTop() <= 1000) {
    $(".oli1").addClass("red");
    $(".oli1").siblings().removeClass("red");
  } else if ($(window).scrollTop() > 1000 && $(window).scrollTop() <= 1500) {
    $(".oli2").addClass("red");
    $(".oli2").siblings().removeClass("red");
  } else if ($(window).scrollTop() > 1500 && $(window).scrollTop() <= 2000) {
    $(".oli3").addClass("red");
    $(".oli3").siblings().removeClass("red");
  } else if ($(window).scrollTop() > 2000 && $(window).scrollTop() <= 2500) {
    $(".oli4").addClass("red");
    $(".oli4").siblings().removeClass("red");
  } else if ($(window).scrollTop() > 2500 && $(window).scrollTop() <= 3000) {
    $(".oli5").addClass("red");
    $(".oli5").siblings().removeClass("red");
  } else if ($(window).scrollTop() > 3000) {
    $(".oli5").removeClass("red");
  }
});

// 点击跳转
$(".oli1").click(function () {
  $("html,body").animate({
    "scrollTop": 501
  })
});
$(".oli2").click(function () {
  $("html,body").animate({
    "scrollTop": 1001
  })
});
$(".oli3").click(function () {
  $("html,body").animate({
    "scrollTop": 1501
  })
});
$(".oli4").click(function () {
  $("html,body").animate({
    "scrollTop": 2001
  })
});
$(".oli5").click(function () {
  $("html,body").animate({
    "scrollTop": 2501
  })
});

// 回到顶部
$("button").hide();
$(window).scroll(function () {
  if ($(window).scrollTop() >= 500) {
    $("button").show();
  } else {
    $("button").hide();
  }
});
$("button").click(function () {
  $("html,body").animate({
    "scrollTop": 0
  })
});
$(".oli").hide();
$(window).scroll(function () {
  if ($(window).scrollTop() >= 500) {
    $(".oli").show();
  } else {
    $(".oli").hide();
  }
});

$(".oli").mouseover(function () {
  $(this).addClass("hot");
  $(this).siblings().removeClass("hot");
});
$(".oli").mouseout(function () {
  $(this).removeClass("hot");
});
  //  获取具体的scrollTop的值 前提是注掉 < !DOCTYPE html >
  //  $(window).scroll(function() {
  //      console.log(document.body.scroll